ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.mui-off-canvas-wrap .mui-bar {
	background-color: #D82530;
}
.mui-bar .mui-title {
	color: #ffffff;
}
.mui-bar .mui-icon:active {
	opacity: 1;
}
.mui-bar .mui-icon {
  color: #fff;
  font-weight: bold;
}
.mui-table-view:before {
	display: none;
}
.mui-table-view:after {
	display: none;
}
.mui-table-view-cell:after {
	right: 15px;
	clear: both;
}
.mui-table-view {
	border-radius: 10px;
}
.mui-table-view-cell {
	font-size: 14px;
}
.mui-table-view-cell.mui-active input {
	background-color: #eee;
}
.mui-table-view-cell .cell-left {
	float: left;
}
.mui-table-view-cell .cell-right {
	float: right;
}
.mui-table-view-cell input {
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
	height: auto;
	text-align: right;
	font-size: 14px;
}
.mui-radio input[type=radio] {
	width: 20px;
	height: 20px;
	top: 6px;
	right: 32px;
}
.mui-radio input[type=radio]:before {
	color: #D82530;
	font-size: 20px;
	font-weight: bold;
}
.mui-radio input[type=radio]:checked:before {
	color: #D82530;
}
.checkbox {
	margin-left: -10px;
	font-size: 14px;
}
.checkbox input[type='checkbox'] + i {
	box-sizing: border-box;
	display: inline-block;
	margin-right: 5px;
	width: 14px;
	height: 14px;
	vertical-align: text-top;
	border: solid 1px #D82530;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.checkbox input[type='checkbox']:checked + i:before {
	content: '';
	display: block;
	margin-left: 2px;
	width: 10px;
	height: 4px;
	border: 3px solid #D82530;
	border-top: none;
	border-right: none;
	transform: rotate(-45deg) skewX(5deg);
	background-color: rgba(255, 255, 255, .8);
}
.titleR {
	padding: 10px 10px;
	color: #ffffff;
	font-size: 14px;
}
.titleName .mui-icon {
	margin-right: 10px;
	color: #D82530;
	font-weight: bold;
}

.homeBg {
	padding-top: 80vh;
	height: 100%;
	background: url(../imgs/homeBg.png) no-repeat center;
	background-size: 100% auto;
}
.homeBg button {
	display: inline-block;
	margin: 0 20px;
	width: 100px;
	height: 36px;
	border: none;
	border-radius: 18px;
	color: #D82530;
	font-size: 14px;
	background-color: rgba(255, 255, 255, .8);
}

.bottom-button {
	margin-top: 30px;
}
.bottom-button button.onlyOne {
	width: 250px;
	height: 36px;
	border-radius: 18px;
	color: #ffffff;
	background-color: #D82530;
}
.bottom-button button.double {
	margin: 0 15px;
	width: 100px;
	height: 36px;
	border: none;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	font-size: 14px;
}
.bottom-button button.double:first-child {
	color: #D82530;
	background-color: #ffffff;
}
.bottom-button button.double:last-child {
	color: #ffffff;
	background-color: #D82530;
}

.deadline {
	position: absolute;
	z-index: 10;
	margin-top: 40px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-align-content: space-between;
	width: 100%;
	height: 40px;
	background-color: #ffffff;
}
.deadline span {
	font-size: 12px;
}
.deadline div button {
	margin-left: 5px;
	padding: 0 5px;
	height: 20px;
	border: 1px solid #D82530;
	color: #D82530;
	font-size: 12px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: transparent;
}
.mui-bar-nav~.mui-content.insureInfo,
.mui-bar-nav~.mui-content.insureInfoIsSure {
	padding-top: 90px;
}
.mui-bar-nav~.mui-content.insureInfo .mui-scroll,
.mui-bar-nav~.mui-content.healthNotification .mui-scroll,
.mui-bar-nav~.mui-content.insureInfoIsSure .mui-scroll {
	padding-bottom: 60px;
}
.mui-bar-nav~.mui-content.insureInfo + .btn-group,
.mui-bar-nav~.mui-content.healthNotification + .btn-group,
.mui-bar-nav~.mui-content.insureInfoIsSure + .btn-group {
	position: absolute;
	z-index: 10;
	bottom: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	align-items: center;
	-webkit-align-items: center;
	width: 100%;
	height: 60px;
}
.mui-bar-nav~.mui-content.insureInfo + .btn-group button,
.mui-bar-nav~.mui-content.healthNotification + .btn-group button,
.mui-bar-nav~.mui-content.insureInfoIsSure + .btn-group button{
	width: 100px;
	height: 36px;
	border: none;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	background-color: #D82530;
	color: #ffffff;
	font-size: 14px;
}
.mui-bar-nav~.mui-content.healthNotification + .btn-group button,
.mui-bar-nav~.mui-content.insureInfoIsSure + .btn-group button {
	width: 250px;
}
.baseInfo {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden;
}
.reason {
	font-size: 12px;
	color: #666666;
}
/*展开收起组件样式*/
.unfold {
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
.unfold header {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	padding: 0 20px;
	height: 40px;
	border-top: solid 1px #eeeeee;
	background-color: #ffffff;
}
.unfold header .mui-icon {
	font-size: 18px;
}
.unfold header.titleH .name {
	font-size: 14px;
}
.unfold header.addH .mui-icon {
	font-weight: bold;
	color: #D82530;
}
.unfold header.secondTitle {
	font-size: 14px;
}
.unfold header .title {
	display: inline-flex;
	display: -webkit-inline-flex;
	align-items: center;
	color: #D82530;
	font-size: 14px;
}
.unfold header .title:before {
	content: '';
	display: block;
	margin-right: 10px;
	width: 3px;
	height: 12px;
	background-color: #D82530;
}
.unfold ul.infoList {
	padding: 0 20px;
	background-color: #ffffff;
	overflow: hidden;
	/*transition: height 1s;*/
	/*-webkit-transition: height 1s;*/
}
.unfold ul.infoList .mui-icon {
	position: relative;
	right: -20px;
	font-size: 18px;
}
.tabChild .unfold ul.infoList .mui-icon {
	right: -16px;
}
.unfold ul.infoList li.infoItem {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	padding: 0 2px;
	padding-right: 16px;
	height: 40px;
	border-top: solid 1px #eeeeee;
	color: #666666;
	font-size: 12px;
}
.unfold ul.infoList.noIcon li.infoItem {
	padding-right: 0;
}
.unfold ul.infoList li.questionItem {
	padding-bottom: 10px;
}
.unfold ul.infoList li.questionItem p {
	margin: 0;
	padding: 10px 0;
	border-top: solid 1px #eeeeee;
	color: #666666;
	font-size: 12px;
}
.unfold ul.infoList li.infoItem input,
.unfold ul.infoList li.infoItem select {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	border: none;
	text-align: right;
	font-size: 12px;
}
.unfold ul.infoList li.infoItem select {
	padding-right: 19px;
	position: relative;
	right: -40px;
	z-index: 1;
	direction: rtl;
	background-color: transparent;
}
/*收起动画*/
@keyframes unfold{
	from{}
	to{height: 0}
}
@-moz-keyframes unfold{
	from{}
	to{height: 0}
}
@-webkit-keyframes unfold{
	from{}
	to{height: 0}
}
@keyframes fold{
	from{height: 0}
	to{}
}
@-moz-keyframes fold{
	from{height: 0}
	to{}
}
@-webkit-keyframes fold{
	from{height: 0}
	to{}
}

.animation-unfold {
	animation: unfold .2s ease-in-out forwards;
	overflow: hidden;
}
.animation-fold {
	animation: fold .2s ease-in-out forwards;
	overflow: hidden;
}
.endUnfold {
	height: 0;
	overflow: hidden;
}

/*tab选项卡样式*/
.tabsContent {
	margin: 10px 0;
}
.tabsContent .tabs {
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	height: 40px;
	position: relative;
	z-index: 10;
	font-size: 14px;
	color: #666666;
	background-color: #ffffff;
}
.tabsContent .tabs i {
	display: block;
	width: 25%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #EB0024;
	transition: left width .3s;
}
.tabsContent .tabs span {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex: 1;
	-webkit-flex: 1;
}
/*.tabsContent .tabChild {
	height: calc(100vh - 134px);
  overflow: auto;
}*/
.tabsContent .tabChild .unfold {
	margin-top: 10px;
	overflow: hidden;
}
.btn-group {
	position: absolute;
	bottom: 0;
}

.getIdentifyCode {
	box-sizing: border-box;
	margin-left: 10px;
	padding: 5px;
	width: 70px;
	height: 26px;
	border: 1px solid #D82530;
	font-size: 12px;
	color: #D82530;
}

.mgt20 {
	margin-top: 20px;
}

/*图标样式*/
.ue-icon {
	display: inline-block;
	margin-right: 5px;
	width: 14px;
	height: 14px;
	vertical-align: text-top;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.ue-icon-companyName {
	background-image: url('../imgs/companyName.png');
}
.ue-icon-companyCode {
	background-image: url('../imgs/companyCode.png');
}
.ue-icon-name {
	background-image: url('../imgs/name.png');
}
.ue-icon-phone {
	background-image: url('../imgs/phone.png');
}
.ue-icon-employeeId {
	background-image: url('../imgs/employeeId.png');
}
.ue-icon-countryCitizenship {
	background-image: url('../imgs/countryCitizenship.png');
}
.ue-icon-idCode {
	background-image: url('../imgs/idCode.png');
}
.ue-icon-idType {
	background-image: url('../imgs/idType.png');
}
.ue-icon-sex {
	background-image: url('../imgs/sex.png');
}
.ue-icon-birthday {
	background-image: url('../imgs/birthday.png');
}
.ue-icon-medicalInsurance {
	background-image: url('../imgs/medicalInsurance.png');
}
.ue-icon-career {
	background-image: url('../imgs/career.png');
}
.ue-icon-mail {
	background-image: url('../imgs/mail.png');
}
.ue-icon-bank {
	background-image: url('../imgs/bank.png');
}
.ue-icon-user {
	background-image: url('../imgs/user.png');
}
.ue-icon-accountOpening {
	background-image: url('../imgs/accountOpening.png');
}
.ue-icon-insurance {
	background-image: url('../imgs/insurance.png');
}
.ue-icon-insuranceAmount {
	background-image: url('../imgs/insuranceAmount.png');
}
.ue-icon-radio {
	background-image: url('../imgs/radio.png');
}
.ue-active {
	color: #D82530;
}
.ue-radioGroup {
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	font-size: 12px;
}

.ue-radio > span {
	display: inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	margin-left: 10px;
	width: 16px;
	height: 16px;
	border: 2px solid #D82530;
	vertical-align: middle;
	border-radius: 50%;
}
.ue-radio input[type='radio'] {
	display: none;
}
.ue-radio input[type='radio']:checked + span:before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #D82530;
	border-radius: 50%;
}

@media only screen and (max-width: 374px) {
	.deadline div button {
		font-size: 11px;
	}
}